<%
	/* *
	 *功能：支付宝即时到账交易接口调试入口页面
	 *版本：3.3
	 *日期：2012-08-17
	 *说明：
	 *以下代码只是为了方便商户测试而提供的样例代码，商户可以根据自己网站的需要，按照技术文档编写,并非一定要使用该代码。
	 */
%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
	String path = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
	<title>支付宝即时到账交易接口</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
*{
	margin:0;
	padding:0;
}
ul,ol{
	list-style:none;
}
.title{
    color: #ADADAD;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 16px 5px 10px;
}
.hidden{
	display:none;
}

.new-btn-login-sp{
	border:1px solid #D74C00;
	padding:1px;
	display:inline-block;
}

.new-btn-login{
    background-color: transparent;
    background-image: url("../alipay/images/new-btn-fixed.png");
    border: medium none;
}
.new-btn-login{
    background-position: 0 -198px;
    width: 82px;
	color: #FFFFFF;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    padding: 0 10px 3px;
}
.new-btn-login:hover{
	background-position: 0 -167px;
	width: 82px;
	color: #FFFFFF;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    padding: 0 10px 3px;
}
.bank-list{
	overflow:hidden;
	margin-top:5px;
}
.bank-list li{
	float:left;
	width:153px;
	margin-bottom:5px;
}

#main{
	width:750px;
	margin:0 auto;
	font-size:14px;
	font-family:'宋体';
}
#logo{
	background-color: transparent;
    background-image: url("../alipay/images/new-btn-fixed.png");
    border: medium none;
	background-position:0 0;
	width:166px;
	height:35px;
    float:left;
}
.red-star{
	color:#f00;
	width:10px;
	display:inline-block;
}
.null-star{
	color:#fff;
}
.content{
	margin-top:5px;
}

.content dt{
	width:160px;
	display:inline-block;
	text-align:right;
	float:left;
	
}
.content dd{
	margin-left:100px;
	margin-bottom:5px;
}
#foot{
	margin-top:10px;
}
.foot-ul li {
	text-align:center;
}
.note-help {
    color: #999999;
    font-size: 12px;
    line-height: 130%;
    padding-left: 3px;
}

.cashier-nav {
    font-size: 14px;
    margin: 15px 0 10px;
    text-align: left;
    height:30px;
    border-bottom:solid 2px #CFD2D7;
}
.cashier-nav ol li {
    float: left;
}
.cashier-nav li.current {
    color: #AB4400;
    font-weight: bold;
}
.cashier-nav li.last {
    clear:right;
}
.alipay_link {
    text-align:right;
}
.alipay_link a:link{
    text-decoration:none;
    color:#8D8D8D;
}
.alipay_link a:visited{
    text-decoration:none;
    color:#8D8D8D;
}
</style>

<script type="text/javascript" src="<%=path%>/js/jquery-1.4.3.js"></script>
<script>

	function pay(){
		
		 var mask=document.createElement("div");
	     var W=$(document).width();
	     var H=$(document).height();
	     mask.id="mask";
	     mask.style.cssText="position:absolute;z-index:5;width:"+W+"px;height:"+H+"px;background:#000;filter:alpha(opacity=30);opacity:0.3;top:0;left:0;";
	     document.body.appendChild(mask);
	     
	     var o = document.getElementById("pay");
    	 o.style.display="block";
    	 o.style.top="123px";
    	 o.style.left="400px";
		
	}

</script>
</head>
<body text=#000000 bgColor="#ffffff" leftMargin=0 topMargin=4>
	<div id="main">
		<div id="head">
            <dl class="alipay_link">
                <a target="_blank" href="http://www.alipay.com/"><span>支付宝首页</span></a>|
                <a target="_blank" href="https://b.alipay.com/home.htm"><span>商家服务</span></a>|
                <a target="_blank" href="http://help.alipay.com/support/index_sh.htm"><span>帮助中心</span></a>
            </dl>
            <span class="title">支付宝即时到账交易接口快速通道</span>
		</div>
        <div class="cashier-nav">
            <ol>
				<li class="current">1、确认信息 →</li>
				<li>2、点击确认 →</li>
				<li class="last">3、确认完成</li>
            </ol>
        </div>
        <form name=alipayment action=../alipay/alipayapi.jsp method=post target="_blank">
            <div id="body" style="clear:left">
                <dl class="content">
					<!-- <input type="hidden" name="WIDseller_email" value=""/> <s:property value="item.price"/>-->
						

					<dt>订单号：</dt>
					<dd>
						<span class="null-star">*</span>
						<input size="30" readonly="true" style="border: 0px;width: 140px;color: #D74C00;" name="WIDout_trade_no" value="<s:property value="item.itemNo"/>"/>
						<span></span>
					</dd>
			
					<dt>付款金额：</dt>
					<dd>
						<span class="null-star">*</span>
						<input size="30" readonly="true" style="border: 0px;width: 30px;color: #D74C00;" name="WIDtotal_fee" value="<s:property value="item.price"/>"/>
						<span>元</span>
					</dd>
					
					<p>&nbsp;</p>
					<p>&nbsp;</p>
					<p>&nbsp;</p>
					<p>&nbsp;</p>
					<dd style="color: red;">我们将为您保留此订单15分钟，逾期将自动失效</dd>
					<p>&nbsp;</p>
                    <dd>
                        <span class="new-btn-login-sp">
                            <button class="new-btn-login" onclick="pay();" type="submit" style="text-align:center;">确 认</button>
                        </span>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="new-btn-login-sp">
                        	<button class="new-btn-login" type="button" onclick="javascript:location.href='item!delete.do?itemId=<s:property value="itemId"/>'" style="text-align:center;">取 消</button>
                        </span>
                        
                    </dd>
                </dl>
            </div>
		</form>
		
        <div id="foot">
			<ul class="foot-ul">
				<li><font class="note-help">如果您点击“确认”按钮，即表示您同意该次的执行操作。 </font></li>
				<li>
					支付宝版权所有 2011-2015 ALIPAY.COM
				</li>
			</ul>
		</div>
	</div>
	<div id="pay" style="display:none;position:absolute;z-index:100; border:solid 1px #ffffff; background-color: #FFFFFF;  width:500px;height:330px;text-align: center;">
		<table align="center" height="100%"   cellpadding="0" cellspacing="0" width="80%">
			<tr>
				<td valign="middle">
					<div style="font-size: 12px;"> 付款成功请点击<a href="myip.do">这里</a></div>
					<br></br>
					<div style="font-size: 12px;"> 付款失败请重试或者<a href="javascript:location.reload();">刷新</a></div>
				</td>
				
			</tr>
			
		</table>
	</div>
</body>
</html>